// 渲染详情数据
function xrdata(data) {
    $('.drem').remove()

    var div = `<div class="mod_data comn drem">
                <ul class="mod comn">
                    <li class="mod_left">
                        <div class="mod_photo">
                            <img src="https://y.qq.com/music/photo_new/T002R300x300M000${data.mid}.jpg?max_age=2592000" alt="">
                        </div>
                    </li>
                    <li class="mod_right">
                        <div class="data_name"><h1>${data.name}</h1></div>
                        <div class="data_singer">
                            <i class="iconfont iconyh">&#xe6a4;</i>
                            <span>${data.singername}</span>
                        </div>
                        <ul class="data_info">
                            <li class="data_info_txt">流派：ELECTRONIC电子音乐</li>
                            <li class="data_info_txt">语种：${data.lan}</li>
                            <li class="data_info_txt">发行时间：${data.aDate}</li>
                            <li class="data_info_txt">唱片公司：${data.company}</li>
                        </ul>
                        <div class="data_tips">已售 ${params.salecount} 张</div>
                        <ul class="data_actions">
                            <li class="data_price" onclick=cov() actid='${data.id}'><span class="data_price_1">￥${params.price * 0.01}</span><span class="data_price_2">立即购买</span></li>
                            <li class="data_btn">
                                <i class="iconfont iconbtn" style="font-weight: bold;margin-left: 20px;">&#xea6d;</i>
                                <i class="data_btn_sc">播放全部</i>
                            </li>
                            <li class="data_btn">
                                <i class="iconfont iconbtn">&#xeca1;</i>
                                <i class="data_btn_sc">收藏</i>
                            </li>
                            <li class="data_btn">
                                <i class="iconfont iconbtn" style="margin-left: 25px;">&#xe611;</i>
                                <i class="data_btn_sc">评论(85)</i>
                            </li>
                            <li class="data_btn">
                                <i class="iconfont iconbtn">&#xe627;</i>
                                <i class="data_btn_sc">更多</i>
                            </li>
                        </ul>
                    </li>
                </ul>
            </div>`

    let desc = `<div class="singer_about drem">
                            <h3>简介</h3>
                            <p class='singer_desc'>${data.desc}</p>
                            <div class='about_more'>
                                <span class='about_more_btn' title='查看更多'>[更多]</span>
                                <!-- 简介 查看更多 -->
                                <div class="Md">
                                    <div class='Md_txt'>
                                        <h3>简介</h3>  
                                         
                                    </div>
                                    <i class='Md_icon'></i>
                                </div>
                            </div>
                        </div>`

    let title = `${data.name} - QQ音乐-千万正版音乐海量无损曲库新歌热歌天天畅听的高品质音乐平台！`
    $('.main').append(div)

    $('.singer_into').append(desc)

    $('.title').append(title)

}

// 渲染专辑列表
function xrlist(data) {
    data.forEach((v, k) => {

        let div = `<li class="Sdata2_into">
                            <div class="Sdata2_into_id">${k + 1}</div>
                            <div class='Sdata2_into_sing' style="padding-left: 3px;">${v.songname}
                                <div class='Sdata2_play'>
                                    <i class='Sdata2_icon1' title='播放'></i>
                                    <i class='Sdata2_icon2' title='添加到歌单'></i>
                                </div>    
                            </div>
                            <div>${v.singer[0].name}</div>
                            <div class='Sdata2_into_time'>${getTime(v.interval)}</div>
                            
                        </li>`
        $('.Sdata2').append(div)


    });
    $('.Sdata2_into').each((k, v) => {
        k % 2 == 0 ? k : $('.Sdata2_into').eq(k).addClass('Sdata2_into_ac')
    });
}






// 秒转换成时分秒格式
function getTime(t) {
    let min = Math.floor(+t / 60);
    if (min.toString().length < 2) {
        min = '0' + min.toString();
    }
    let sec = +t % 60;
    if (sec.toString().length < 2) {
        sec = '0' + sec.toString();
    }

    let str = min + ':' + sec
    return str
}


// 简介更多点击事件
$(document).on('click', '.about_more_btn', function () {

    $('.Md').css({
        'zIndex': 99,
        'opacity': 1

    })
    $('.remp').remove()
    let val = $('.singer_desc').text()
    let desc = `<p class='remp'>${val}</p>`
    $('.Md_txt').append(desc)
})

$('article').click(function (e) {
    // 判断如果点击的对象是否是 弹出框本身
    let bor = $(e.target).parents().is(".Md");
    // 如果不是 就隐藏
    if (!bor) {
        $('.Md').css({
            'zIndex': -99,
            'opacity': 0

        })
    }
})
